<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>json字符串解析过程</title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div id="rtnData">返回数据：</div>
		<div id="itemPrice">商品价格：</div>
		<div id="itemId">商品编号：</div>
	</body>
	
	<script>
		//json字符串，最终替换从京东商城返回某个商品信息
		//先搞定json解析过程
		var jsonstr = '[{"p":"3999.00","op":"3999.00","cbf":"0","id":"J_100007851351","m":"4000.00"}]';
		//把json字符串变成javascript对象
		var data = JSON.parse(jsonstr);
		
		//回显获的数据，把js对象转json字符串
		//$("#rtnData").text(jsonstr);		//div.innerText 直接展示字符串
		$("#rtnData").text( "返回数据："+JSON.stringify(data) );		//把js对象转换json字符串
		
		//价格颜色变红色：div.innerHTML（javascript写法）.html （jQuery写法）
		$("#itemPrice").html( "商品价格：<font color=\"red\">"+data[0].p+"</font>" );	//从data对象中解析出价格
		//substring(2)截取字符串，从第三个字符开始到最后
		$("#itemId").text("商品编号："+ data[0].id.substring(2) );		//从data对象中解析出编号
	</script>
</html>
